import { useEffect, useState } from "react";

function App() {
  // 没有依赖项 初始 + 组件更新
  const [count, setCount] = useState(0);
  // useEffect(() => {
  //   console.log("副作用函数执行了");
  // });

  // 传入个空数组依赖, 初始渲染执行一次
  // useEffect(() => {
  //   console.log("副作用函数执行了");
  // }, []);

  // 传入特定依赖项，初始 + 依赖项变化时执行
  useEffect(() => {
    console.log("副作用函数执行了");
  }, [count]);
  return (
    <div className="App">
      Hello World!
      <button onClick={() => setCount(count + 1)}>+ {count}</button>
    </div>
  );
}

export default App;
